<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
<nz-card>
  <!-- <nz-tabset [nzTabBarExtraContent]="extraTemplete" (nzSelectChange)="change($event)"> -->
  <nz-tabset>
    <nz-tab nzTitle="SP商列表"></nz-tab>
  </nz-tabset>
  <ng-template #extraTemplete>

  </ng-template>
  <form nz-form [nzLayout]="'inline'" class="search__form">
    <div nz-row [nzGutter]="24">
      <div nz-col nzLg="6">
        <nz-form-item>
          <nz-form-label nzFor="searchProvince">省份</nz-form-label>
          <nz-form-control>
            <nz-select [(ngModel)]="q.searchProvince" name="searchProvince" id="searchProvince" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
              <nz-option nzLabel="福建省" nzValue="福建省"></nz-option>
              <nz-option nzLabel="广东省" nzValue="广东省"></nz-option>
              <nz-option nzLabel="四川省" nzValue="四川省"></nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col nzLg="6">
        <nz-form-item>
          <nz-form-label nzFor="typesOfCooperation">合作类型</nz-form-label>
          <nz-form-control>
            <nz-select [(ngModel)]="q.typesOfCooperation" name="typesOfCooperation" id="typesOfCooperation" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
              <nz-option nzLabel="100%兜底" nzValue="100%兜底"></nz-option>
              <nz-option nzLabel="50%兜底" nzValue="50%兜底"></nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col nzLg="6">
        <nz-form-item>
          <nz-form-label nzFor="spQuotientQuery">SP商查询</nz-form-label>
          <nz-form-control>
            <input nz-input [(ngModel)]="q.spQuotientQuery" name="spQuotientQuery" placeholder="请输入订单编号" id="spQuotientQuery">
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col nzLg="6">
        <button nz-button type="submit" [nzType]="'primary'">查询</button>
      </div>
    </div>
  </form>

</nz-card>

<simple-table #st
    [columns]="columns"
    [data]="url"
    [ps]="ps"
    [extraParams]="q"
    [resReName]="{ total: 'total', list: 'data'}"
    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
    toTopInChange
    [showTotal]="true"
    [showPagination]="true"
    [showSizeChanger]="true"
    [scroll]="{  x: '1300px' }"
    (checkboxChange)="checkboxChange($event)"
    >
</simple-table>

</nz-spin>
